<template>
  <el-container>
<!--    <div class="content-header">-->
<!--      <h1>文件管理</h1>-->
<!--    </div>-->
    <el-header>
      <div class="content-header" style="font-size: 20px">
        <h1>文件管理</h1>
      </div>
      <!--      <h1>文件管理</h1>-->
    </el-header>
<!--    <el-container>-->
<!--      <el-aside width="150px" style="height: 600px">-->
<!--        <h5>文件类别</h5>-->
<!--        <el-menu-->
<!--            default-active="$route.path"-->
<!--            class="el-menu-vertical-demo"-->
<!--            router>-->
<!--          <el-menu-item index="1" :route="{path:'/filemanageComponent',query:{to:'水库水系'}}" style="height: 40px">-->
<!--            <span slot="title">水库水系</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="2" :route="{path:'/filemanageComponent',query:{to:'防洪月报'}}" style="height: 40px">-->
<!--            <span slot="title">防洪月报</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="3" :route="{path:'/filemanageComponent',query:{to:'防洪文件'}}" style="height: 40px">-->
<!--            <span slot="title">防洪文件</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="4" :route="{path:'/filemanageComponent',query:{to:'汛前准备'}}" style="height: 40px">-->
<!--            <span slot="title">汛前准备</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="5" :route="{path:'/filemanageComponent',query:{to:'防洪地点'}}" style="height: 40px">-->
<!--            <span slot="title">防洪地点</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="6" :route="{path:'/filemanageComponent',query:{to:'防洪预案'}}" style="height: 40px">-->
<!--            <span slot="title">防洪预案</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="17" :route="{path:'/filemanageComponent',query:{to:'防洪法规'}}" style="height: 40px">-->
<!--            <span slot="title">防洪法规</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="18" :route="{path:'/filemanageComponent',query:{to:'防洪科技'}}" style="height: 40px">-->
<!--            <span slot="title">防洪科技</span>-->
<!--          </el-menu-item>-->


<!--          <el-menu-item index="19" :route="{path:'/filemanageComponent',query:{to:'水害分析'}}" style="height: 40px">-->
<!--            <span slot="title">水害分析</span>-->
<!--          </el-menu-item>-->


<!--          <el-menu-item index="20" :route="{path:'/filemanageComponent',query:{to:'隐患排查'}}" style="height: 40px">-->
<!--            <span slot="title">隐患排查</span>-->
<!--          </el-menu-item>-->


<!--          <el-menu-item index="21" :route="{path:'/filemanageComponent',query:{to:'重要水系图'}}" style="height: 40px">-->
<!--            <span slot="title">重要水系图</span>-->
<!--          </el-menu-item>-->


<!--          <el-menu-item index="8" :route="{path:'/filemanageComponent',query:{to:'防洪日简报'}}" style="height: 40px">-->
<!--            <span slot="title">防洪日简报</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="9" :route="{path:'/filemanageComponent',query:{to:'雨量警戒值'}}" style="height: 40px">-->
<!--            <span slot="title">雨量警戒值</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="10" :route="{path:'/filemanageComponent',query:{to:'水害影响表'}}" style="height: 40px">-->
<!--            <span slot="title">水害影响表</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="11" :route="{path:'/filemanageComponent',query:{to:'最新水情'}}" style="height: 40px">-->
<!--            <span slot="title">最新水情</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="12" :route="{path:'/filemanageComponent',query:{to:'典型案例'}}" style="height: 40px">-->
<!--            <span slot="title">典型案例</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="13" :route="{path:'/filemanageComponent',query:{to:'领导讲话'}}" style="height: 40px">-->
<!--            <span slot="title">领导讲话</span>-->
<!--          </el-menu-item>-->
<!--          <el-menu-item index="14" :route="{path:'/filemanageComponent',query:{to:'防洪备料'}}" style="height: 40px">-->
<!--            <span slot="title">防洪备料</span>-->
<!--          </el-menu-item>-->

<!--          <el-menu-item index="16" :route="{path:'/filemanageComponent',query:{to:'单元化管理'}}" style="height: 40px">-->
<!--            <span slot="title">单元化管理</span>-->
<!--          </el-menu-item>-->
<!--        </el-menu>-->
<!--      </el-aside>-->

<!--      <el-main>-->
<!--        <router-view :key="key"></router-view>-->
<!--      </el-main>-->
      <file-manage-component></file-manage-component>
<!--    </el-container>-->
  </el-container>
</template>

<script>
import fileManageComponent from "@/pages/FileManageComponent";
export default {
  name: "FileManage",
  components: {fileManageComponent},
  computed: {
    key() {
      return this.$route.path + Math.random();
    }
  },
}
</script>

<style scoped>

</style>
